/**yuerjing**/
.yuerjing{

}
.yuerjing .top-nav{
    width: 100%;
    padding: 20px;
    background: white;
    border: 1px solid #D5D6DA;
}
.yuerjing .top-nav .btn-group{
    width: 100%;
    border-bottom: 1px solid #D6D5DB;
}
.yuerjing .top-nav .btn-nav{
    color: black;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 20px;
    display: inline-block;
    margin-right: 20px;
}
.yuerjing .top-nav .btn-nav:hover{
    color: #FF6FA5;
}
.yuerjing .top-nav .btn-nav.selected{
    color: #FF6FA5;
    border-bottom: 2px solid #FF6FA5;
}
.yuerjing .top-nav .btn-publish{
    float: right;
    width: 70px;
    height: 30px;
    background: url('../../img/yuerjing/fabiao.png') no-repeat;
}
.yuerjing .top-nav .btn-publish img{
    width: 60px;
    height: 30px;
}
.yuerjing .hot-labels{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
    overflow: hidden;
}
.yuerjing .hot-label{
    padding: 5px 10px;
    background: white;
    border: 1px solid #D5D6DA;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    transition: background .3s;
    color: #666;
    margin-right: 15px;
    display: inline-block;
    margin-bottom: 10px;
}
.yuerjing .hot-label:hover{
    background: #ececec;
}
.yuerjing .hot-label.hot{
    background: url("../../img/common/hot.png") no-repeat left top;
    padding: 3px 15px;
}
.yuerjing .hot-label.selected{
    border-color: #FF6FA5;
    box-shadow: 0 0 1px #FF6FA5;
}
.yuerjing .posts-list{
    width: 100%;
    min-height: 200px;
}

.yej-list{
    border:1px solid #D5D6DA;
    width:100%;
    padding-left:15px;
    padding-right:15px;
    margin:0 auto;
    background-color:white;
    margin-bottom:20px;
    padding-bottom: 30px;
}
.yej-list-top{
    margin-top:20px;
    height:80px;
    width:100%;
}
.yej-list-top-left{
    float:left;
    width:80px;
    height:80px;
}
.yej-list-top-left img{
    width:80px;
    height:80px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius:40px;
}
.yej-list-top-right{
    float:left;
    height:80px;
    margin-left:20px;
}
.yej-list-top-left-top{
    height:40px;
    margin-top:10px;
    color:#FD72AB;
    font-size: 14px;
}
.yej-list-top-left-bottom{
    height:20px;
    margin-bottom:10px;
    line-height:20px;
    color:#646464;
}
.yej-list-top-left-bottom span{
    display:block;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
    background-color:#F0EFF5;
    float:left;
    height:24px;
    line-height:24px;
    padding-left:10px;
    padding-right:10px;
    margin-right:10px;
}
.yej-list-middle{
    width: 100%;
    margin-top:15px;;
    line-height:22px;
    word-wrap: break-word;
}
.yej-list-middle .yej-title{
    font-size: 14px;
}
.yej-list-pics{
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
}
.yej-list-pics .ylj-pic{
    width: 160px;
    height: 160px;
    display: flex;
    float: left;
    align-items: center;
    justify-content: center;
    background: #FFF;
    margin-right: 20px;
    cursor: pointer;
}
.yej-list-pics .ylj-pic .img{
    max-width: 160px;
    max-height: 160px;
    margin: 5px;
}
.yej-list-bottom{
    height:50px;
    margin-top:20px;
    border-bottom:1px dashed #ccc;
}
.yej-list-bottom a{
    text-decoration: none;
    color: #666;
    line-height: 20px;
    display: inline-block;
    margin-right: 25px;
}
.yej-list-bottom img{
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
    width: 20px;
    height: 20px;
}

.yej-list-top .btn-focus{
    padding: 5px 10px;
    color: black;
    border: 1px solid #FC72AA;
    border-radius: 5px;
    background: #FFD6E6;
    padding-left: 35px;
    margin-left: 60px;
    background: url('../../img/yuerjing/focus.png') no-repeat 5px center;
}
.yej-list-top .btn-focus:hover{
    background: url('../../img/yuerjing/focus_hover.png') no-repeat 5px center;
    background-color: #FF6FA5;
}
.bottom-line{
    width: 100%;
    height: 1px;
    background: #DADADA;
    margin-top: 10px;
}
.empty-list{
    width: 100%;
    padding-top: 30px;
    background: white;
    text-align: center;
}
/**pagination**/
.pagination-wrap{
    width: 100%;
    text-align: center;
}
.pagination-wrap .pagination-middle{
    margin: 10px auto;
    display: inline-block;
}
.pagination-wrap .ant-pagination-item-active{
    background-color: #FF6FA5;
    border-color: #FF6FA5;
}

.pagination-wrap .ant-pagination-item-active.ant-pagination-item:hover a {
    color: white;
}

.pagination-wrap .ant-pagination-item:hover {
    border-color: #FF6FA5;
    transition: all 0.3s ease 0s;
}
.pagination-wrap .ant-pagination-item:hover a {
    color: #FF6FA5;
}
.ant-pagination a{
    text-decoration: none;
}

.ant-pagination-next:hover, .ant-pagination-prev:hover {
    border-color: #FF6FA5;
}
.ant-pagination-next:hover a, .ant-pagination-prev:hover a {
    color: #FF6FA5;
}
.ant-pagination-jump-next:hover::after, .ant-pagination-jump-prev:hover::after {
    color: #FF6FA5;
    display: inline-block;
    font-family: anticon;
    font-size: 12px;
    letter-spacing: -1px;
    transform: scale(0.666667) rotate(0deg);
}

/**modal**/
.ant-btn-primary{
    background-color: #FF6FA5;
    border-color: #FF6FA5;
}
.ant-btn-primary:focus, .ant-btn-primary:hover{
    background: #c96578;
    border-color: #c96578;
}
.ant-btn-ghost:focus, .ant-btn-ghost:hover {
    background-color: #FFA1C4;
    color: white;
}
.ant-btn-ghost{
    background-color: #D8D7DC;
    color: white;
    border: none;
}
.ant-btn-ghost.active, .ant-btn-ghost:active {
    background-color: #FFA1C4;
    color: white;
}
.ant-modal-content{
    background: #F4F4F4;
    border: 1px solid #DDD4D7;
}
.ant-modal-footer{
    border-top: none;
}
/**yerjing-pub-wrap**/
.yuerjing-pub-wrap{
    width: 100%;
}
.yuerjing-pub-wrap .title{
    font-size: 14px;
}
.yuerjing-pub-wrap .pub-box{
    width: 100%;
}
.yuerjing-pub-wrap .pub-box .pb-top{
    width: 100%;
    background: white;
    border-radius: 5px;
    border: 1px solid #D6D6D6;
    margin-top: 10px;
    padding: 10px;
}

.yuerjing-pub-wrap .pub-box .pb-top .pb-title{
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #D4D4D4;
}
.yuerjing-pub-wrap .pb-title input{
    border: none;
    outline: none;
    font-size: 14px;
    width: 100%;
}
.yuerjing-pub-wrap .pub-box .pb-top .pb-content{
    width: 100%;
    padding-top: 10px;
}
.yuerjing-pub-wrap .pb-content textarea{
    width: 100%;
    height: 80px;
    border: none;
    outline: none;
    resize: none;
}
.yuerjing-pub-wrap .pb-content .pic-wrap{
    width: 100%;
}
.yuerjing-pub-wrap .pic-wrap .btn-addpic{
    padding: 5px 10px;
    border: 1px dashed #EEE;
    display: inline-block;
    text-decoration: none;
    transition: border-color .3s;
}
.yuerjing-pub-wrap .pic-wrap .btn-addpic .icon-plus{
    font-size: 30px;
    color: #D7D7D7;
    transition: color .3s;
}
.yuerjing-pub-wrap .pic-wrap .btn-addpic:hover{
    border-color: #d4d4d4;
}
.yuerjing-pub-wrap .pic-wrap .btn-addpic:hover .icon-plus{
    color: #c0c0c0;
}
.yuerjing-pub-wrap .pub-box .pb-bottom{
    width: 100%;
    background: white;
    border-radius: 5px;
    border: 1px solid #D6D6D6;
    margin-top: 10px;
    padding: 10px;
}
.yuerjing-pub-wrap .pb-sort{
    width: 100%;
}
.yuerjing-pub-wrap .pb-sort .s{
    width: 100%;
}
.yuerjing-pub-wrap .pb-sort .s h4{
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 5px;
}
.yuerjing-pub-wrap .pb-sort .s span{
    color: #FF6FA5;
}
.yuerjing-pub-wrap .pb-sort .add{
    width: 100%;
    border-bottom: 1px solid #E7E7E7;
}
.yuerjing-pub-wrap .pb-sort .add h4{
    font-weight: normal;
    font-size: 14px;
    padding: 5px 0;
}
.yuerjing-pub-wrap  .add-labels{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
}
.yuerjing-pub-wrap .add-labels .add-new-labels{
    display: inline-block;
    padding-right: 10px;
}
.yuerjing-pub-wrap  .add-labels .add-new-labels input{
    width: 80px;
    border: none;
    outline: none;
    margin-top: 10px;
}
.yuerjing-pub-wrap .add-labels .icon-plus{
    font-size: 14px;
    color: #D7D7D7;
    transition: color .3s;
}
.yuerjing-pub-wrap  .add-labels .btn-addlabel{
    padding: 2px 20px;
    border: 1px solid #EEE;
    transition: border-color .3s;
    border-radius: 10px;
    text-decoration: none;
}
.yuerjing-pub-wrap  .add-new-labels .btn-add-new-l{
    padding: 2px 5px;
    border-radius: 5px;
    margin: 0 2px;
}
.yuerjing-pub-wrap  .add-new-labels .btn-cancel-new-l{
    padding: 2px 5px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #FFEEF4;
    color: #FF6FA5;
    margin: 0 2px;
}
.yuerjing-pub-wrap  .add-new-labels .btn-cancel-new-l:hover{
    background: #FFEEF4;
}
.yuerjing-pub-wrap  .add-labels .btn-addlabel:hover{
    border-color: #d4d4d4;
}
.yuerjing-pub-wrap  .add-labels .btn-addlabel:hover .icon-plus{
    color: #c0c0c0;
}
.yuerjing-pub-wrap  .pb-labels{
    width: 100%;
}
.yuerjing-pub-wrap .hot-labels{
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}
.yuerjing-pub-wrap .hot-label{
    padding: 3px 10px;
    background: white;
    border: 1px solid #D5D6DA;
    border-radius: 5px;
    text-decoration: none;
    font-size: 12px;
    transition: background .3s;
    color: #666;
    margin-right: 15px;
    display: inline-block;
    margin-top: 10px;
}
.yuerjing-pub-wrap .hot-label:hover{
    background: #ececec;
}
.yuerjing-pub-wrap .hot-label.hot{
    background: url("../../img/common/hot.png") no-repeat left top;
    padding: 3px 15px;
}
.yuerjing-pub-wrap .hot-label.selected{
    border-color: #FF6FA5;
    box-shadow: 0 0 1px #FF6FA5;
}

/**dropzone**/
.dropzone{
    border: 1px dashed #EEE;
    min-height: 80px;
    padding: 5px 0;
}
.dropzone:hover{
    border-color: #d4d4d4;
}
.dropzone .dz-preview{
    min-height: 60px;
    margin: 10px;
}
.dropzone .dz-preview .dz-image{
    width: 60px;
    height: 60px;
    border-radius: 10px;
}
.dropzone .dz-preview .dz-progress{
    width: 40px;
    margin-left: -20px;
    height: 10px;
}
.dropzone .dz-preview .dz-error-message{
    top: 85px;
    left: -40px;
}
.dropzone .dz-preview .dz-details .dz-size{
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark{
    margin-left: -10px;
    margin-top: -15px;
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark svg{
    width: 20px;
    height: 20px;
}
.dropzone .dz-preview .dz-details{
    padding: 0;
}
.dropzone .dz-preview .dz-remove{
    font-size: 12px;
}

/**pic-browser**/
.pic-browser{
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 10px;
}
.pic-browser img{
    max-width: 850px;
    max-height: 850px;
    padding: 5px;
    background: #FFF;
    cursor: pointer;
}

/**detail**/
.yej-content{
    margin:0 auto;
    overflow: hidden;
}
.yej-content-top{
    width: 100%;
    background: white;
    border: 1px solid #D7D5D6;
    margin-bottom: 40px;
    padding: 20px;
}
.yej-content-comment-list{
    width: 100%;
    border: 1px solid #D7D5D6;
    padding-bottom: 50px;
    margin-bottom: 50px;
    background: white;
}
.yej-content-comment{
    border-bottom:1px dashed #ccc;
    width: 100%;
    height:auto;
    background: white;
    padding: 20px;
}
.yej-content-comment-left{
    float:left;
    width:80px;
    height:auto;
}
.yej-content-comment-left img{
    width:80px;
    height:80px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius:40px;
}
.yej-content-comment-right{
    float:left;
    width:830px;
    margin-left:10px;
    line-height: 22px;
    padding-top:15px;
}
.yej-content-comment-right span{
    color:#FD72AB;
    font-weight:900;
    margin-right: 5px;
}
.yej-content-comment-right-top{
    width:100%;
    word-wrap: break-word;
}
.yej-content-comment-right-bottom{
    width:100%;
    margin-top:5px;
    overflow: hidden;
}
.yej-content-comment-right-bottom-left{
    float:left;
    width:630px;
    color:#666;
}
.yej-content-comment-right-bottom-right{
    float:left;
    width:200px;
    text-align:right;
}
.yej-content-comment-right-bottom-right img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}
.yej-content-comment-right-bottom-right a{
    color: #666;
    text-decoration: none;
}
.yej-reply{
    margin-bottom: 20px;
    overflow: hidden;
}
.yej-reply textarea{
    width: 100%;
    height: 60px;
    outline: none;
    resize: none;
    border: 1px solid #D7D5D6;
    padding: 5px;
}
.yej-reply .btn.btn-pinglun{
    padding: 8px 25px;
    border-radius: 5px;
    float: right;
    margin-top: 20px;
    font-size: 14px;
}
.yej-list-middle .images{
    width: 100%;
    padding: 0 50px;
    padding-top: 50px;

}
.yej-list-middle .images img{
    display: block;
    max-width: 800px;
    margin-bottom: 50px;
}

.page{
    width: 100%;
    overflow: hidden;
}
.page .btn-group{
    width: 100%;
    padding: 20px 10px;
}
.page .btn-group .btn{
    padding: 3px 7px;
    border-radius: 4px;
    border: 1px solid #dadada;
    background: white;
    color: #666;
}
.page .btn-group .btn:hover{
    background: #eeeeee;
}
.page .btn-group .btn.next{
    float: right;
}
.page .btn-group .btn.pre{
    float: left;
}
.yej-reply-wrap{
    width: 100%;
    margin-top: 20px;
    display: none;
}
.yej-reply-wrap textarea{
    width: 100%;
    height: 80px;
    border: 1px solid #D7D5D6;
    outline: none;
    resize: none;
    margin-bottom: 5px;
    padding: 5px;
}
.yej-reply-wrap .btn{
    padding: 2px 5px;
    border-radius: 2px;
}
.yej-reply-wrap .btn.btn-cancel{
    background: #00a2d4;
    margin-left: 5px;
}
.yej-reply-wrap .btn.btn-cancel:hover{
    background: #008cba;
}